<template>
  <div id="app">
      <el-container>
          <el-header style="padding:0;margin: 0;height:120px">
              <Header></Header>
          </el-header>
          <el-main style="padding:0;margin: 0;">
                  <!-- <router-link to="/">home</router-link>-->
                  <router-view></router-view>
          </el-main>
          <el-footer style="padding:0;margin: 0;">
              <Footer></Footer>
          </el-footer>
      </el-container>
  </div>
</template>

<script>
import Header from './pages/Common/header.vue'
import Footer from './pages/Common/footer.vue'
export default {
    name: 'App',
    components: {
        Header,
        Footer
    },
    data () {
        return {
            // isFixed: false
        }
    }
}
</script>

<style>
  body, div{
      margin: 0;
      padding: 0;
  }
  .el-header, .el-footer {
      background-color: #B3C0D1;
      color: #333;
      text-align: center;
      line-height: 60px;
      padding: 0;
  }
  .el-main {
      /*background-color: #E9EEF3;*/
      color: #333;
      text-align: center;
      line-height: 160px;
      padding: 0;
  }
</style>